<template>
  <div id="index">
    <slid :s="img"></slid>
    <a href="search.html" class="search">
  			开启你的美食之旅...
  		</a>
    <four></four>
    <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default title">
      <h2 class="am-titlebar-title"> 积分菜品 </h2>
      <nav class="am-titlebar-nav">
        <a href="#more" class="">more &raquo;</a>
      </nav>
    </div>
    <card></card>
  </div>
</template>

<script>
  import four from "./four";
  import card from "./card";
  import slid from './slide';
  export default {
    data() {
      return {
        img: ['/src/assets/images/banner.jpg', '/src/assets/images/banner1.jpg'],
      }
    },
    components: {
      four,
      card,
      slid
    }
  }
</script>

<style scoped>
  .my-swipe {
    height: 264px;
  }
</style>